@rmwc/formfield

Form Fields

MDC Form Field provides an mdc-formfield helper class for easily making theme-aware, RTL-aware form field + label combos. It also provides an MDCFormField class for easily making input ripples respond to label events.

• Module @rmwc/formfield ;
• Import styles:
  • import '@material/form-field/dist/mdc.form-field.css';
• MDC Docs: https://material.io/develop/web/components/input-controls/formfields/

Its not immediately clear when to use this component, but it has been included in RMWC for completeness. Please refer to the official MDC docs for use cases.

import { FormField } from '@rmwc/formfield';

<FormField>
  <input type="checkbox" id="input"/>
  <label htmlFor="input">Input Label</label>
</FormField>

import { DocumentComponent } from '@rmwc/base/utils/document-component';
import * as docs from './docgen.json';

<DocumentComponent docs={docs} displayName="FormField" />

Changelog

3.0.11 (2018-11-23)

Bug Fixes

• TabBar: Corrects issue with asynchronously setting activeTabIndex (fed9f6bf)
• Select: correcting id options (33836957)
• Menu: Set aria-hidden dynamically for A11Y (e0eb5e1a)